<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 表单的作用：用来收集用户的信息的; -->
  <!--    
        form 表单(容器  一般用于包裹表单元素 input select textarea )
            action="" 数据提交的地址(默认把数据提交到当前页 => 刷新)
            method="GET|POST"  数据提交的方式
        
        了解(整理到笔记中 二级段细讲)
        get和post的区别?
            (1)  get是从服务器上获取数据，post是向服务器传送数据。
            (2)  get会将数据(参数数据队列)传递action所指url中,在url中可见,  post利用 http post机制传递的,用户不可见
            (3)  get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。
            (4)  get安全性非常低，post安全性较高。但是执行效率却比Post方法好。
    -->
  <form action="https://www.baidu.com" method="GET">
    <p>
      <span>用户名:</span>
      <input type="text" name="user" value="" placeholder="请输入用户名">
    </p>
    <p>
      <span>密&emsp;码:</span>
      <input type="password" name="pwd" value="" placeholder="请输入用户名">
    </p>
    <p>
      <span>性&emsp;别:</span>
      <input type="radio" name="sex" value="man">男
      <input type="radio" name="sex" value="woman">女
      <input type="radio" checked="checked" name="sex" value="secret">保密
    </p>
    <p>
      <input type="submit" value="注册">
      <input type="reset" value="取消">
    </p>
  </form>
  <a href="#one">one</a>
  <a href="#two">two</a>
  <a href="#three">three</a>
  <a href="#four">four</a>
</body>
<script>

    // url
    // https://www.baidu.com/index.html?user=a123123&pwd=123123&sex=man#one


    // https://www.baidu.com:443/index.html   

    // www 万维网

    // 协议: http  https   超文本传输协议 (Hypertext Transfer Protocol)

    // 域名  www.baidu.com      (主机ip地址 )
    // www(可以省略)  万维网
    // com          域名后缀

    // 域名名称(从右向左看)   (也可以是ip)
    // baidu                     一级域名
    // tieba.baidu               二级域名
    // a.tieba.baidu             三级域名

    // 端口:   不同的端口 有不同的职责
    // http(80)    访问网站(http)
    // https(443)  访问网站(http)

    // 自定义端口: 8080 3000 5500

    // 注意:通过协议 + 域名 + 端口  可以访问服务器的根目录 / (live server http://127.0.0.1:5500/)
    // 文件路径 在查找过程中 浏览器会默认访问 index.html


    // 文件路径部分 (指定需要访问的文件路径  根目录开始)
    // /index.html   文件路径部分 (指定需要访问的文件路径  根目录开始)
    // /day15/html/05%20url的组成.html   day15 => html =>   05%20url的组成.html


    // 参数数据部分: (表单提交,页面之间相互跳转 都可以传递一定的数据 => 参数数据队列  以?分隔,拼接在url之后 )
    // 格式 ?user=a123123&pwd=123123&sex=man   => 也是以键值对形式存在  key=val 键值对之间用&分隔


    // 锚点(hash值)  #one



</script>

</html>